<template>
	<div class="main">
		<navTop></navTop>
		<div class="breadBox">
			<el-breadcrumb separator="/">
			  <el-breadcrumb-item :to="{ path: '/examindex' }">考试管理</el-breadcrumb-item>
			  <el-breadcrumb-item :to="{ path: '/examoverview' }">考试概览</el-breadcrumb-item>
			  <el-breadcrumb-item>任务分配</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="contentMain">
			<div class="searchlist">
				 <router-link to="/taskallocation" active-class="hover">任务分配</router-link>
				 <router-link to="/reviewprogress" active-class="hover">评阅进度</router-link>
				 <router-link to="/monitoringoverview" active-class="hover">监控概览</router-link>
				 <router-link to="/exceptionhandling" active-class="hover">异常处理</router-link>
				 <router-link to="/arbitrationprocessing" active-class="hover">仲裁处理</router-link>
			</div>
			<div class="allocationgz">
				<span>教师分配原则：</span>
				<ul>
					<li :class="fpmodel==1?'hover':''" v-preventReClick="2000" @click="xgmstabset(1)">效率模式</li>
					<li :class="fpmodel==2?'hover':''" v-preventReClick="2000" @click="xgmstabset(2)">平均模式</li>
					<li :class="fpmodel==3?'hover':''" v-preventReClick="2000" @click="xgmstabset(3)">定量模式</li>
				</ul>
				<div>
					<el-tooltip class="item" effect="dark" :content="fpmodel==1?'效率模式为每个题组参与分配评阅教师的任务不设置任务量，直至任务量完成；':xgmstabsetnumber==2?'平均模式为每个题组按照学校任务分配评阅教师动态平均分配，直至任务量评阅完成；':'定量模式每个题组每位教师的任务需设置任务量数值，直至任务量评阅完成；'" placement="top-start">
					    <em class="el-icon-warning-outline" style="margin-left:10px;cursor: pointer;color:#557292"></em>
					</el-tooltip>
				</div>
			</div>
			<div class="allocationContent">
				<div class="allocationContentLeft">
					<div class="allocationAttentionLeft">
						<span>待分配教师：<i>{{Teachertobeassigned.length}}</i>/位</span>
					</div>
					<div class="tableStyle" style="height: calc(100vh - 380px);">
						<table cellspacing="0" cellpadding="0" style="width:100%">
							<tr>
								<th>待分配教师</th>
								<th>操作</th>
							</tr>
							<tr v-for="(item,index) in Teachertobeassigned">
								<td>{{item.name}}<i>/{{item.phoneNumber}}</i></td>
								<td><button v-preventReClick="1000" @click="addteacher(item,index)">加入分配<em class="el-icon-plus"></em></button></td>
							</tr>
						</table>
					</div>
					<div class="buttonBox">
						<b v-preventReClick="2000" @click="allteacher">全部分配</b>
					</div>
				</div>
				<div class="allocationContentRight">
					<div class="allocationAttentionRight">
						<div class="aartop">
							<span>题组任务量：<i>{{assignedteacher.totalQuantity || 0}}</i></span>
							<span>已分配教师：<i>{{assignedteacher.assignedTeacherCount || 0}}</i></span>
							<span>已分配：<i>{{assignedteacher.assignedQuantity || 0}}</i></span>
							<span>待分配：<i>{{assignedteacher.unreviewedQuantity || 0}}</i></span>
						</div>
						<div class="aarbottom">
							<span>题组分配：</span>
							<el-select v-model="assignedteacher.preference" placeholder="请选择" @change="preferencechange">
							    <el-option
							      v-for="item in questiontz"
							      :key="item.id"
							      :label="item.name"
							      :value="item.id">
							    </el-option>
							</el-select>
							<em class="el-icon-warning-outline"></em>
						</div>
					</div>
					<div class="tableStyle" v-if="assignedteacher && assignedteacher.teachers && assignedteacher.teachers.length > 0">
						<table cellspacing="0" cellpadding="0" style="width:100%">
							<tr>
								<th>已分配教师</th>
								<th>手机号&账号</th>
								<th>题组</th>
								<th>已评</th>
								<th>已分配</th>
								<th>任务总量</th>
								<th>剩余</th>
								<th>操作</th>
							</tr>
							<tr v-for="(item,index) in assignedteacher.teachers">
								<td>{{item.name}}</td>
								<td>{{item.phoneNumber}}</td>
								<td>
									<el-select v-model="item.questionRules" multiple placeholder="请选择" @visible-change="chooseteacherlist" @remove-tag="removetagquestion">
										<el-option
										  v-for="(options,index) in questionteam"
										  :key="options.id"
										  :label="options.questionNumber+`(${item.reviewCount[index]==2?'双评':'多评'})`+'-'+`${item.totalQuantitysss[index]?item.totalQuantitysss[index]:0}`"
										  :value="options.id">
										</el-option>
									</el-select>
								</td>
								<td>{{item.reviewedQuantity || 0}}</td>
								<td>{{item.assignedQuantity || 0}}</td>
								<td><span v-for="num in item.totalQuantitysss" style="display: block;">{{num}}</span></td>
								<td>{{item.unreviewedQuantity || 0}}</td>
								<td>
									<div class="caozuo">
										<b v-preventReClick="2000" @click="addtasktab(datalist.taskAssignments.id,item)">添加任务</b>
										<b v-preventReClick="2000" @click="disassembletab(datalist.taskAssignments.id,item)">拆解任务</b>
										<button class="yichuteacher" v-preventReClick="2000" @click="yichufenpei(item,index)">移除分配<em class="el-icon-minus"></em></button>	
									</div>
								</td>
							</tr>
						</table>
					</div>
					<div class="tableStyle" style="position:relative" v-else>
						<empty></empty>
					</div>
					<!-- <div class="buttonBox">
						<b>保存</b>
						<b>取消</b>
					</div> -->
				</div>
			</div>
		</div>
		<!-- 添加任务 -->
		<div class="addExamMain" v-if="addtaskIshow">
			<div class="addExamContent">
				<h3>添加任务</h3>
				<div class="addtask">
					<p>单独添加任务量，将从剩余待分配的任务量中扣除，如想要调配其他评阅教任务量，请先拆解任务量后，从待分配的任务量中进行添加。</p>
					<div class="pytaskContent">
						<span>评阅教师：示例教师姓名</span>
						<span>任务量：{{addtaskcon.totalQuantity}}<i>+{{taskNum}}</i></span>
						<span>已评：{{addtaskcon.assignedQuantity}}</span>
						<span>剩余任务量：{{addtaskcon.unreviewedQuantity}}</span>
					</div>
					<div class="dfpbox">
						待分配任务量：{{assignedteacher.unreviewedQuantity}}，添加给示例教师姓名 <el-input v-model="taskNum"></el-input>
					</div>
				</div>
				<div class="groupbutton">
					<el-button type="primary" @click="addtasksure">保存</el-button>
					<el-button type="primary" @click="addtaskgoback">返回</el-button>
				</div>
			</div>
		</div>
		<!-- 拆解任务 -->
		<div class="addExamMain" v-if="disassembleIshow">
			<div class="addExamContent">
				<h3>拆解任务</h3>
				<div class="disassembletask">
					<p>如该评阅教师剩余任务量为0，则不能拆解任务。</p>
					<div class="pytaskContent">
						<span>评阅教师：示例教师姓名</span>
						<span>任务量：{{addtaskcon.totalQuantity}}</span>
						<span>已评：{{addtaskcon.assignedQuantity}}</span>
						<span>剩余任务量：{{addtaskcon.unreviewedQuantity}}<i>-{{cjtaskNum}}</i></span>
					</div>
					<div class="dfpbox">
						拆解示例教师姓名 <el-input v-model="cjtaskNum"></el-input>
					</div>
				</div>
				<div class="groupbutton">
					<el-button type="primary" @click="disassemblesure">保存</el-button>
					<el-button type="primary" @click="disassemblegoback">返回</el-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import navTop from "../../components/school/head.vue"
	import {get, put, del,post} from '../../request/api.js'
	import empty from '../../components/school/empty.vue'
	export default{
		data(){
			return{
				fpmodel:1,
				Teachertobeassigned:[
				],
				assignedteacher:{
					id:0,
					courseId: 0,
					examId: 0,
					preference:0,
					mode:1,
					teachers:[]	
				},
				xgmstabsetnumber:1,
				taskNum:0,
				cjtaskNum:0,
				addtaskIshow:false,
				disassembleIshow:false,
				dfpnum:1000,
				rwls:1000,
				questiontz:[
					{
						name:'平均',
						id:0
					},
					{
						name:'偏好',
						id:1
					}
				],
				questionteam:[],
				addtaskcon:{},
				obj:{
					taskAssignmentId:'',
					teacherId:'',
					quantity:''
				},
				c:{}
			}
		},
		mounted() {
			 // 确保数据结构完整
			if (!this.assignedteacher || !this.assignedteacher.teachers) {
				this.assignedteacher = {
					id: 0,
					courseId: 0,
					examId: 0,
					preference: 0,
					mode: 1,
					teachers: [],
					totalQuantity: 0,
					assignedQuantity: 0,
					unreviewedQuantity: 0
				};
			}
			this.examInfo = JSON.parse(sessionStorage.getItem('examInfo'))
			if (this.examInfo) {
				this.teachertasklist(this.examInfo.examinationId, this.examInfo.coursesId)
				this.questionnumlist(this.examInfo.examinationId, this.examInfo.coursesId)
				this.tasklisttab(this.examInfo.examinationId, this.examInfo.coursesId)
			}
		},
		methods:{
			//获取题目列表
			questionnumlist(examid,subjectid){
				let obj={
					courseId:subjectid,
					examId:examid
				}
				get('/taskassignment/questions',obj)
				.then(res=>{
					 if(res.code==200){
						 this.questionteam = res.data
					 }else{
						 this.$message.error(res.message); 
					 }
				})
				.catch(error=>{
					 this.$message.error(error.message); 
				})
			},
			// 获取教师分配
			teachertasklist(examid,subjectid){
				let obj = {
				    courseId:subjectid,
				    examId: examid
				}
				get('/taskassignment/teacher',obj)
				.then(res=>{
					if(res.code==200){
						// //console.info(res)
						this.Teachertobeassigned = res.data
					}else{
						 this.$message.error(res.message); 
					}
				})
				.catch(error=>{
					 this.$message.error(error.message); 
				})
			},
			// 加入分配
			addteacher(con,index){
				if (!con) {
					console.warn('No teacher data provided');
					return;
				}
				const tearchArray={
					id: 0,
					taskAssignmentId: 0,
					teacherId: con.teacherId,
					name:con.name,
					phoneNumber:con.phoneNumber,
					questionRules:[]
				}
			// 如果 teachers 数组不存在，先创建它
				if (!Array.isArray(this.assignedteacher.teachers)) {
					this.$set(this.assignedteacher, 'teachers', []);
				}
				// 添加新教师
				this.assignedteacher.teachers.push(tearchArray);
				// 打印确认
				// //console.log('Current teachers:', this.assignedteacher.teachers);
				// return false
				this.SaveTeacher()
			},
			// 移除分配
			yichufenpei(con,index){
				let teacher = {
					teacherId:con.teacherId,
					name:con.name,
					phoneNumber:con.phoneNumber
				}
				this.assignedteacher.teachers.splice(index,1)
				// //console.info(this.assignedteacher.teachers)
				this.SaveTeacher()
			},
			//切换题组
			chooseteacherlist(val){
				// //console.info(val)
				if(!val){
					// //console.info(this.assignedteacher)
					this.SaveTeacher()
				}
				// //console.info(this.assignedteacher)
				// this.assignedteacher.teachers = this.assignedteacher.teachers
				// this.SaveTeacher()
			},
			removetagquestion(){
				this.SaveTeacher()
			},
			//获取任务分配列表
			tasklisttab(examid,subjectid) {
			    let obj = {
			        courseId:subjectid,
			        examId: examid
			    }
			    get('/taskassignment/data', obj)
			        .then(res => {
			            if(res.code == 200) {
							if(res.data && res.data.taskAssignments){
								this.datalist = res.data
								this.fpmodel = res.data.taskAssignments.mode==0?1:res.data.taskAssignments.mode
								// //console.info(res.data.taskAssignments.totalQuantity)
								this.assignedteacher.totalQuantity=res.data.taskAssignments.totalQuantity
								this.assignedteacher.assignedTeacherCount=res.data.taskAssignments.assignedTeacherCount
								this.assignedteacher.unreviewedQuantity=res.data.taskAssignments.unreviewedQuantity
								this.assignedteacher.assignedQuantity=res.data.taskAssignments.assignedQuantity
								this.assignedteacher.reviewedQuantity=res.data.taskAssignments.reviewedQuantity
								let newteachers = [];
								const teachers = res.data.taskAssignments.teachers || [];
								teachers.forEach(item => {
									if (item && item.teacher) {
										let teacherData = {
											id: item.id || 0,
											taskAssignmentId: item.taskAssignmentId || 0,
											teacherId: item.teacherId || 0,
											name: item.teacher.name || '',
											phoneNumber: item.teacher.phoneNumber || '',
											totalQuantity:item.totalQuantity || 0,
											unreviewedQuantity:item.unreviewedQuantity || 0,
											assignedQuantity:item.assignedQuantity || 0,
											reviewedQuantity:item.reviewedQuantity || 0,
											questionRules: Array.isArray(item.questionRules) ? 
												item.questionRules.map(q => q.questionId) : [],
											totalQuantitysss: Array.isArray(item.questionRules) ?
												item.questionRules.map(q =>q.assignedQuantity) : [],
											reviewCount: Array.isArray(item.questionRules) ?
												item.questionRules.map(q =>q.reviewCount) : []
										};
										newteachers.push(teacherData);
									}
								});
								this.$set(this.assignedteacher, 'teachers', newteachers);
								//console.info('tearch',this.assignedteacher)
							}else{
								 // 如果没有数据，设置空数组
								  this.$set(this.assignedteacher, 'teachers', []);
							}
			            } else {
			                this.$message.error(res.message);
			            }
			        })
			        .catch(error => {
			            this.$message.error(error.message);
						 // 发生错误时确保 teachers 是空数组
						 this.$set(this.assignedteacher, 'teachers', []);
			        });
			},
			xgmstabset(num){
				this.fpmodel = num
				// this.examInfo.examinationId, this.examInfo.coursesId
				let obj={
					courseId:this.examInfo.coursesId,
					examId:this.examInfo.examinationId,
					mode:num
				}
				put('/taskassignment/switch',obj)
				.then(res=>{
					//console.info(res)
					this.tasklisttab(this.examInfo.examinationId, this.examInfo.coursesId)
					this.teachertasklist(this.examInfo.examinationId, this.examInfo.coursesId)
				})
				.catch(error=>{
					
				})
				// this.SaveTeacher()
			},
			addtasktab(id,con){
				this.addtaskIshow = true
				this.addtaskcon = con
				this.obj.taskAssignmentId=id
				this.obj.teacherId=con.teacherId
				this.obj.quantity=this.taskNum
			},
			addtasksure(){
				if(this.taskNum>this.addtaskcon.totalQuantity){
					this.$message({
						  message: '您输入的数字不能大于待分配的任务量',
						  type: 'warning'
					});
					return false
				}
				post('/taskassignment/added',this.obj)
				.then(res=>{
					this.addtaskIshow = false
					this.obj={
						taskAssignmentId:'',
						teacherId:'',
						quantity:''
					}
				})
			},
			addtaskgoback(){
				this.addtaskIshow = false
				this.taskNum=''
			},
			disassembletab(id,con){
				this.disassembleIshow = true
				this.addtaskcon = con
				this.obj.taskAssignmentId=id
				this.obj.teacherId=con.teacherId
				this.obj.quantity=this.cjtaskNum
			},
			disassemblesure(){
				if(this.cjtaskNum>this.addtaskcon.totalQuantity){
					this.$message({
						  message: '您输入的数字不能大于待分配的任务量',
						  type: 'warning'
					});
					return false
				}
				post('/taskassignment/added',this.obj)
				.then(res=>{
					this.disassembleIshow = false
					this.obj={
						taskAssignmentId:'',
						teacherId:'',
						quantity:''
					}
				})
			},
			disassemblegoback(){
				this.disassembleIshow = false
				this.cjtaskNum=''
			},
			// 全部分配
			allteacher(){
				// // this.teacherlist = [...this.teacherlist,...this.Teachertobeassigned]
				// // this.Teachertobeassigned = []
				// //console.info(this.Teachertobeassigned)
				let allteachelist = []
				allteachelist = this.Teachertobeassigned.map(item => ({
				  id: 0,
				  taskAssignmentId: 0,
				  teacherId: item.teacherId,
				  tearchename:item.name,
				  teacherphone:item.phoneNumber,
				  questionRules:[]
				}));
				this.assignedteacher.teachers=[...this.assignedteacher.teachers,...allteachelist]
				// //console.info(this.assignedteacher.teachers)
				this.SaveTeacher()
			},
			preferencechange(val){
				this.assignedteacher.preference =val
				this.SaveTeacher()
			},
			//保存
			SaveTeacher(){
				this.assignedteacher.courseId = this.examInfo.coursesId
				this.assignedteacher.examId = this.examInfo.examinationId
				this.assignedteacher.mode = this.fpmodel
				// //console.info(this.assignedteacher)
				// return false
				this.assignedteacher.teachers = this.assignedteacher.teachers.map(teacher => ({
				    id:teacher.id,
					taskAssignmentId:teacher.teacherId,
					teacherId:teacher.teacherId,
				    questionRules:teacher.questionRules.length > 0
					  ?teacher.questionRules.map(questionId => ({
						  id:questionId.id?questionId.id:0,
						  taskAssignmentTeachersId: questionId.taskAssignmentTeachersId?questionId.taskAssignmentTeachersId:0,
						  questionRulesId:0,
						  questionId:questionId
					})):[]
				}))
				 //console.info(this.assignedteacher.teachers)
				 // return false
				post('/taskassignment/save',this.assignedteacher)
				.then(res=>{
					this.tasklisttab(this.examInfo.examinationId,this.examInfo.coursesId)
					this.teachertasklist(this.examInfo.examinationId,this.examInfo.coursesId)
					let obj={
						id:0,
						taskAssignmentId:0,
						teacherId:0,
						questionRules:[]
					}
					res.data.map((item,index)=>{
						obj.name=item.name
						obj.phoneNumber=item.phoneNumber
						obj.teacherId=item.teacherId
						this.assignedteacher.teachers[index].push(obj)
					})
				})
				.catch(error=>{
					
				})
			}
		},
		components:{navTop,empty}
	}
</script>

<style scoped>
	.main{
		width:100vw;
		height:100vh;
		background: #F4F7FD;;
		overflow-x:hidden;
		overflow-y: auto;
	}
	.contentMain{
		width:auto;padding:0 40px;
		margin:0 auto;
		padding-bottom:20px;
	}
	.breadBox{
		height:32px;
		background: #fff;
		line-height: 32px;
		margin-top:2px
	}
	.el-breadcrumb{
		width:auto;padding:0 40px;
		margin:0 auto;
		line-height:30px;
		font-size:14px;
	}
	.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
		color:#B3B8C2
	}
	.searchlist{
		box-sizing: border-box;
		width:auto;padding:0 40px;
		display: flex;
		justify-content: space-between;
		height: 54px;
		background: #FFFFFF;
		border-radius: 10px;
		padding:0 24px;
		align-items: center;
		margin-top:14px;
	}
	.searchlist{
		padding-left:20px;
		display: flex;
		align-items: center;
		justify-content: left;
	}
	.searchlist a{
		display: block;
		color:#557292;
		font-size:14px;
		width:100px;
		text-align: center;
		position: relative;
		line-height:52px;
	}
	.searchlist a:hover,.searchlist a.hover{
		color:#295CFF;
	}
	.searchlist a:hover::after,.searchlist a.hover::after{
		content:'';
		width: 24px;
		height: 4px;
		background: #295CFF;
		border-radius: 2px;
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		bottom:0;
	}
	.allocationgz{
		display: flex;
		align-items: center;
		justify-content: left;
		margin-top:14px;
	}
	.allocationgz span{
		color:#2A303B;
		font-size:14px;
	}
	.allocationgz ul{
		display: flex;
		align-items: center;
		width: 252px;
		height: 30px;
		background: rgba(41,92,255,0.06);
		border-radius: 4px;
		border: 1px solid #295CFF;
	}
	.allocationgz ul li{
		line-height:30px;
		border-right:solid 1px #295CFF;
		font-size: 14px;
		color: #295CFF;
		cursor: pointer;
		flex: 1;
		text-align: center;
	}
	.allocationgz ul li:last-child{
		border-right:none;
	}
	.allocationgz ul li:hover,.allocationgz ul li.hover{
		background: #295CFF;
		color:#fff;
	}
	.allocationgz ul li:first-child:hover,.allocationgz ul li:first-child.hover{
		border-radius: 3px 0px 0px 3px;
	}
	.allocationgz ul li:last-child:hover,.allocationgz ul li:last-child.hover{
		border-radius: 0px 3px 3px 0px;
	}
	.allocationAttentionLeft{
		box-sizing: border-box;
		width: 280px;
		height: 54px;
		background: #E8F0FA;
		border-radius: 10px 10px 0px 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size:14px;
		padding:0 14px;
	}
	.allocationAttentionLeft span{
		color:#557292;
	}
	.allocationAttentionLeft span i{
		font-style: normal;
		color:#295CFF;
	}
	.allocationAttentionLeft b{
		cursor: pointer;
		font-weight: normal;
		color: #295CFF;
	}
	.allocationAttentionRight{
		box-sizing: border-box;
		width: 100%;
		height: 54px;
		background: #E8F0FA;
		border-radius: 10px 10px 0px 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size:14px;
		padding:0 14px;
	}
	.aartop{
		color:#557292;
	}
	.aartop span{
		margin-right:14px;
	}
	.aartop i{
		font-style: normal;
		color: #295CFF;
	}
	.aarbottom{
		color:#557292;
		display: flex;
		align-items: center;
	}
	.aarbottom >>> .el-input__inner{
		width: 188px;
		height: 34px;
		background: #FFFFFF;
		border-radius: 10px;
		border: 1px solid #D8E4F0;
		line-height:34px;
	}
	.aarbottom >>> .el-input__icon{
		line-height:34px;
	}
	.aarbottom em{
		font-style: normal;
		font-size:16px;
		margin-left:8px;
		cursor: pointer;
	}
	.allocationContent{
		display: flex;
		justify-content: space-between;
		margin-top:14px;
	}
	.tableStyle{
		background:#fff;
		padding:14px;
		height:calc(100vh - 315px);
		overflow-y: auto;
		overflow-x: hidden;
	}
	.tableStyle::-webkit-scrollbar {
		 width:4px;
		background-color: #eee;
		border-radius:10px;
	}
	.tableStyle::-webkit-scrollbar-track {
		background-color: #eee;
		border-radius:10px;
	}
	.tableStyle::-webkit-scrollbar-thumb {
		background: #619CF5;
		border-radius: 10px;
	}
	.tableStyle table{
		border-radius: 10px;
		border: 1px solid rgba(216,228,240,0.5);
	}
	.tableStyle table tr th{
		font-size:14px;
		font-weight:normal;
		background:#E8F0FA;
		height:42px;
	}
	.tableStyle table tr th:first-child{
		border-radius: 8px 0 0 0;
	}
	.tableStyle table tr th:last-child{
		border-radius: 0 8px 0 0;
	}
	.tableStyle table tr td{
		height:42px;
		text-align: center;
		font-size:14px;
		border-right:solid 1px rgba(216,228,240,0.34);
	}
	.tableStyle table tr td:last-child{
		border-right:none;
	}
	.tableStyle table tr td i{
		font-style: normal;
		font-size:12px;
		color:#999
	}
	.tableStyle table tr td button{
		display: flex;
		align-items: center;
		color:#295CFF;
		justify-content: center;
		cursor: pointer;
		border:none;
		background:none;
		width: 100%;
	}
	.tableStyle table tr td button em{
		font-size:12px;
		font-style:normal;
		margin-left:5px;
	}
	.tableStyle table tr td div.caozuo button{
		width:auto;
	}
	.tableStyle table tr td button.yichuteacher{
		color:#EC555A
	}
	.tableStyle table tr:nth-child(3n){
		background:#FAFAFB
	}
	.tableStyle table tr td >>>  .el-input__inner{
		width: 206px;
		height: 30px;
		border-radius: 10px;
		border: 1px solid #D8E4F0;
	}
	.tableStyle table tr td >>> .el-input__icon{
		line-height:30px;
	}
	.buttonBox{
		width:100%;
		height:60px;
		background:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius:0 0 10px 10px;
	}
	.buttonBox b{
		width: 124px;
		height: 34px;
		background: #295CFF;
		border-radius: 10px;
		font-weight: normal;
		font-size:14px;
		color:#fff;
		cursor: pointer;
		text-align: center;
		line-height:34px;
		margin:0 8px;
	}
	.buttonBox b:nth-child(2){
		background: #F2F6FB;
		border-radius: 10px;
		border: 1px solid #295CFF;
		color:#295CFF
	}
	.caozuo{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.caozuo b{
		cursor: pointer;
		color:#295CFF;
		margin-right:10px;
	}
	.addExamMain{
		position: fixed;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		left:0;
		top:0;
		z-index:100;
	}
	.addExamContent{
		width: 600px;
		height: auto;
		background: #FFFFFF;
		box-shadow: 0px 4px 16px 0px rgba(85,114,146,0.1);
		border-radius: 10px;
		position: fixed;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		z-index:2;
		box-sizing: border-box;
		padding:30px;
	}
	.groupbutton{
		display: flex;
		align-items: center;
		padding-top:20px;
		justify-content: center;
	}
	.groupbutton >>> .el-button{
		width: 124px;
		height: 34px;
		background: #295CFF;
		border-radius: 10px;
		font-size: 14px;
		color: #FFFFFF;
		padding:0;
	}
	.groupbutton >>> .el-button:last-child{
		background: #F2F6FB;
		border-radius: 10px;
		border: 1px solid #295CFF;
		color:#295CFF;
		margin-left:24px;
	}
	.addtask p,.disassembletask p{
		font-size:14px;
		color:#295CFF;
		padding:14px 0;
	}
	.pytaskContent{
		font-size:14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.pytaskContent span{
		
	}
	.pytaskContent span i{
		font-style: normal;
		color:#EC555A
	}
	.dfpbox{
		display: flex;
		padding-top:15px;
		font-size:14px;
		align-items: center;
		width:100%;
	}
	.dfpbox >>> .el-input{
		width:100px;
	}
	.dfpbox >>> .el-input__inner{
		width:80px;
		margin-left:10px;
		height: 34px;
		border-radius: 10px;
		border: 1px solid #D8E4F0;
	}
	.tableStyle >>> .el-select__tags{
		max-width:200px !important;
	}
	.tableStyle >>> .el-select .el-tag{
		max-width:200px !important;
	}
	.breadBox >>> .el-breadcrumb__inner a,.breadBox >>> .el-breadcrumb__inner.is-link{
		font-weight:normal
	}
	.breadBox >>> .el-breadcrumb__item:last-child .el-breadcrumb__inner,
	.breadBox >>> .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
	.breadBox >>> .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
	.breadBox >>> .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{
		font-weight:bold
	}
	.allocationContentRight{
		width:calc(100% - 295px)
	}
</style>
